<html>
<head>
    <link href="${ctx}/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link href="${ctx}/font-awesome/3.0.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="${ctx}/css/index.css" rel="stylesheet">
    <link href="${ctx}/font-awesome/3.0.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="${ctx}/bootstrap-table/1.12.0/bootstrap-table.min.css" rel="stylesheet">
    <script src="${ctx}/jquery/2.1.4/jquery.min.js"></script>
    <script src="${ctx}/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="${ctx}/bootstrap-table/1.12.0/bootstrap-table.min.js"></script>
    <script src="${ctx}/layui/layui.all.js"></script>
    <script src="${ctx}/js/util.js"></script>
    <link href="${ctx}/layui/css/layui.css" rel="stylesheet">
</head>
<body>
<div class="container-fluid">
    <div id="toolbar">
        <div class="input-group" style="float: left; width: 300px; margin:0 20px 10px 0;">
            <span class="input-group-addon">手机号/姓名</span>
            <input type="text" class="form-control" id="search">
        </div>
        <div class="input-group" style="float: left; width: 300px;margin:0 20px 10px 0;">
            <span class="input-group-addon">微信号</span>
            <input type="text" class="form-control" id="weixin">
        </div>
        <div class="input-group" style="float: left; width: 300px;margin:0 20px 10px 0;">
            <span class="input-group-addon">支付宝号</span>
            <input type="text" class="form-control" id="alipay">
        </div>
        <div class="input-group" style="float: left; width: 300px; margin:0 20px 10px 0;">
            <span class="input-group-addon">应用Id</span>
            <input type="text" class="form-control" id="appId">
        </div>
        <div class="input-group" style="float: left; width: 300px; margin:0 20px 10px 0;">
            <span class="input-group-addon">用户Id</span>
            <input type="text" class="form-control" id="memberId">
        </div>

        <div class="btn-group" style="margin-right:15px">
            <button id="search_btn" style="margin-right:15px" class="btn btn-info">查询</button>
            <button id="dx" style="margin-right:15px" class="btn btn-success">重置短信验证码次数</button>
            <button id="ye" style="margin-right:15px" class="btn btn-success">用户余额负数修正</button>
            <button id="jt" style="margin-right:15px" class="btn btn-success">截图任务新手任务未完成</button>
            <button id="sfz" style="margin-right:15px" class="btn btn-success">重置身份证验证次数</button>
        </div>

    </div>
    <table id="table"></table>
</div>

<script src="${ctx}/bootstrap-table/1.12.0/locale/bootstrap-table-zh-CN.min.js"></script>
<script src="${ctx}/bootstrap-table/1.12.0/extensions/export/bootstrap-table-export.min.js"></script>
<script src="${ctx}/js/extends.js"></script>
<script>

    function queryParams(opt) {
        opt.search = $("#search").val();
        opt.weixin = $("#weixin").val();
        opt.alipay = $("#alipay").val();
        opt.appId = $("#appId").val();
        opt.memberId = $("#memberId").val();
        return opt;
    };

    var table = null;

    $(function () {
        table = $('#table')
        //加载表格
        table.bootstrapTable({
            url: '/member/getList', //请求后台的URL（*）
            method: 'post', //请求方式（*）
            toolbar: '#toolbar', //工具按钮用哪个容器
            striped: true,
            dataType: "json",
            pagination: true,
            // "queryParamsType": "limit",
            singleSelect: false,
            contentType: "application/x-www-form-urlencoded",
            pageSize: 10,
            pageNumber: 1,
            search: false, //不显示 搜索框
            showColumns: false, //不显示下拉框（选择显示的列）
            sidePagination: "server", //服务端请求
            queryParams: queryParams,
            //minimunCountColumns: 2,
            pageList: [50, 100, 200, 500], //可供选择的每页的行数（*）
            //queryParams : oTableInit.queryParams,//传递参数（*）
            searchOnEnterKey: true,
            // search: true, //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
            strictSearch: true,
            //showColumns: true, //是否显示所有的列
            showRefresh: false, //是否显示刷新按钮
            minimumCountColumns: 2, //最少允许的列数
            clickToSelect: false, //是否启用点击选中行
            height: (document.body.clientHeight), //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
            uniqueId: "memberId", //每一行的唯一标识，一般为主键列
            // showToggle: true, //是否显示详细视图和列表视图的切换按钮
            // cardView: false, //是否显示详细视图
            // detailView: false, //是否显示父子表
            // showExport: true, //是否显示导出
            exportDataType: "selected", //basic', 'all', 'selected'
            columns: [{
                checkbox: true
            }, {
                field: 'createTime',
                title: '注册时间',
                width: '180px'
            }, {
                field: 'phone',
                title: '手机号',
                width: '120px'
            }, {
                field: 'inviteCode',
                title: '邀请码',
                width: '120px'
            }, {
                field: 'memberId',
                title: '会员id',
                width: '120px'
            }, {
                field: 'category',
                title: '用户类型',
                width: '120px'
            }, {
                field: 'status',
                title: '用户状态',
                width: '180px'
            }, {
                field: 'appStore',
                title: '应用市场',
                width: '180px'
            }, {
                field: 'brand',
                title: '用户渠道',
                width: '180px'
            }, {
                field: 'imei',
                title: '设备号',
                width: '180px'
            }, {
                field: 'uuid',
                title: '操作',
                width: '400px',

                formatter: function (value, row, index) {
                    var btns = '<a href="javascript:void(0);" onClick="xbls(\'' + row.memberId + '\')">查看明细</a>&nbsp;&nbsp;';
                    btns += '<a href="javascript:void(0);" onClick="setStatus(\'' + row.memberId + '\')">设为异常用户</a>&nbsp;&nbsp;';
                    btns += '<a href="javascript:void(0);" onClick="delStatus(\'' + row.memberId + '\')">取消异常用户</a>&nbsp;&nbsp;';
                    btns += '<a href="javascript:void(0);" onClick="wx(\'' + row.memberId + '\')">解绑微信</a>&nbsp;&nbsp;';
                    btns += '<a href="javascript:void(0);" onClick="sfz(\'' + row.memberId + '\')">身份证信息修改</a>&nbsp;&nbsp;';
                    btns += '<a href="javascript:void(0);" onClick="closeMember(\'' + row.id + '\')">禁止登陆</a>&nbsp;&nbsp;';
                    btns += '<a href="javascript:void(0);" onClick="deleteAliMark(\'' + row.memberId + '\')">解除修改信息限制</a>';
                    return btns;
                }
            }],
            responseHandler: function (res) {
                return {
                    "total": res.total, //总页数
                    "rows": res.rows //数据
                };
            }
        });

        // 查询
        $("#search_btn").click(function () {
            table.bootstrapTable('refresh');
        });
        $("#dx").click(function () {
            var phone=$("#search").val();
            postUrl({pa:"xmlb8888",phone:phone},"/member/clean/phone")
        });
        $("#ye").click(function () {
            var phone=$("#search").val();
            postUrl({pa:"xmlb8888",phone:phone},"/member/walletClean")
        });
        $("#jt").click(function () {
            var phone=$("#search").val();
            postUrl({pa:"xmlb8888",phone:phone},"/member/bull/phone")
        });

    });

    // 查看明细
    var xbls = function (memberId) {
        var id = 'trade_list';
        var title = '收支明细';
        var href = '/sys/membernewtrade/list?memberId=' + memberId;
        if (id) {
            window.parent.iw.open({
                id: id,
                title: title,
                href: href
            });
        }
    };
    function postUrl(data,url) {
        $.ajax({
            url: url,    //请求的url地址
            dataType: "json",   //返回格式为json
            async: true,//请求是否异步，默认为异步，这也是ajax重要特性
            data: data,
            type: "get",   //请求方式

            success: function (req) {
                //请求成功时处理
                layer.msg(req.message)
            },
            error: function () {
                //请求出错处理
                layer.msg("请重试！若在失败请联系管理员")
            }
        });
    }
    function setStatus(memberId) {
        $.ajax({
            url: "/member/status",    //请求的url地址
            dataType: "json",   //返回格式为json
            async: true,//请求是否异步，默认为异步，这也是ajax重要特性
            data: {'memberId': memberId, 'status': 1},
            type: "post",   //请求方式
            beforeSend: function () {
                //请求前的处理
            },
            success: function (req) {
                //请求成功时处理
                alert(req.message)
            },
            complete: function () {
                //请求完成的处理
            },
            error: function () {
                //请求出错处理
                layer.msg("请重试！若在失败请联系管理员")
            }
        });
    }
    function wx(memberId) {
        $.ajax({
            url: "/weixin/cancel",    //请求的url地址
            dataType: "json",   //返回格式为json
            async: true,//请求是否异步，默认为异步，这也是ajax重要特性
            data: {'memberId': memberId},
            type: "post",   //请求方式
            beforeSend: function () {
                //请求前的处理
            },
            success: function (req) {
                //请求成功时处理
                alert(req.message)
            },
            complete: function () {
                //请求完成的处理
            },
            error: function () {
                //请求出错处理
                layer.msg("请重试！若在失败请联系管理员")
            }
        });
    }
    function delStatus(memberId) {
        $.ajax({
            url: "/member/status",    //请求的url地址
            dataType: "json",   //返回格式为json
            async: true,//请求是否异步，默认为异步，这也是ajax重要特性
            data: {'memberId': memberId, 'status': 0},
            type: "post",   //请求方式
            beforeSend: function () {
                //请求前的处理
            },
            success: function (req) {
                //请求成功时处理

                alert(req.message)
            },
            complete: function () {
                //请求完成的处理
            },
            error: function () {
                //请求出错处理
                layer.msg("请重试！若在失败请联系管理员")
            }
        });
    }
    function closeMember(id) {
        $.ajax({
            url: "/member/closeMemberstatus",    //请求的url地址
            dataType: "json",   //返回格式为json
            async: true,//请求是否异步，默认为异步，这也是ajax重要特性
            data: {'id': id},
            type: "post",   //请求方式
            beforeSend: function () {
                //请求前的处理
            },
            success: function (req) {
                //请求成功时处理

                alert(req.message)
            },
            complete: function () {
                //请求完成的处理
            },
            error: function () {
                //请求出错处理
                layer.msg("请重试！若在失败请联系管理员")
            }
        });
    }
    function sfz(id) {
       layer_show('身份证信息修改','/member/records/sfz?memberId='+id,'500','500')
    }
function showmsg(msg) {
    layer.msg(msg)
}
        function deleteAliMark(memberId) {
            layer.confirm('确认解除限制?', function(index){

                $.ajax({
                    url: "/member/deleteAliMark",    //请求的url地址
                    dataType: "json",   //返回格式为json
                    async: true,//请求是否异步，默认为异步，这也是ajax重要特性
                    data: {'memberId': memberId},
                    type: "post",   //请求方式
                    beforeSend: function () {
                        //请求前的处理
                    },
                    success: function (req) {
                        //请求成功时处理

                        alert(req.message)
                    },
                    complete: function () {
                        //请求完成的处理
                    },
                    error: function () {
                        //请求出错处理
                        layer.msg("请重试！若在失败请联系管理员")
                    }
                });

                layer.close(index);
            });
        }

</script>
</body>
</html>